<template>
	<view class="u-flex u-flex-items-start u-p-tb-38">
		<u-avatar :src="item.user_avatar" size="78rpx" @click="showImage(item.user_avatar)"></u-avatar>
		<view class="u-font-20 u-m-l-24 u-flex-1 u-p-r-24 u-flex-col u-flex-justify-center">
			<view class="text-black u-flex">
				{{item.user_name}} 
				<u-icon class="u-m-l-20 " name="edit-pen-fill" color="#F7C141" 
					@click="$emit('editUserInfo')"
				v-if="vuex_user_id==item.uid" />
			</view> 
			<view class="u-m-t-12" style="color:#666666;">{{item.content}}</view>
		</view>
		<view class="u-font-20" style="color:#666666;">
			{{item.comment_date}}
		</view>
	</view>
</template>

<script>
	export default{
		props:{
			item:{
				type:Object,
				default:()=>{}
			}
		},
		methods:{
			showImage(img){
				if(img){
					uni.previewImage({
						urls: [img],
						
					});
				}
				
			}
		}
	}
</script>

<style>
</style>